<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en"> 
<head> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>jQuery UI Datepicker - Display multiple months</title> 
	<link rel="stylesheet" href="css/jquery.ui.all.css" type="text/css"> 
	<link rel="stylesheet" href="css/jquery-ui-1.8.4.css" type="text/css"> 
	<link rel="stylesheet" href="css/jquery-ui.css" type="text/css"> 
	<link rel="stylesheet" href="css/jquery.ganttView.css" type="text/css"> 
	<link rel="stylesheet" href="css/ui.jquery.css" type="text/css"> 
	<link rel="stylesheet" href="css/ui.theme.css" type="text/css"> 
	<link rel="stylesheet" href="css/demos.css" type="text/css"> 
	
	<script src="js/jquery-1.5.1.js" type="text/javascript" language="javascript"></script> 
	<script src="js/jquery.ui.core.js" type="text/javascript" language="javascript"></script> 
	<script src="js/jquery.ui.widget.js" type="text/javascript" language="javascript"></script> 
	<script src="js/jquery.ui.datepicker.js" type="text/javascript" language="javascript"></script> 
	
	<script type="text/javascript" language="javascript" > 
	$(function() {
		$( "#datepicker" ).datepicker({
			numberOfMonths: 3,
			showButtonPanel: true
		});
	});

	</script> 
</head> 
<body> 
 
	<div class="demo"> 
 
		<p>Date: <input type="text" id="datepicker"></p> 
 
	</div>

</body> 
</html> 